<template>
	<view class='psxnews'>
		<view class="psxshop" v-for="item in list" :key="item.id">
					<view class="psxtime">
						<span>{{item.mouth}}</span>
						{{item.day}}月
					</view>
					<view class="psxrigcont">
						<view class="psxtitle">
							{{item.title}}
						</view>
						<view class="psximg">
							<view class="psximg1">
								<img :src="item.img" alt="">
							</view>
						</view>
					</view>
     	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[]
			}
		},
		created() {
			this.$api.getpsxnews().then(res=>{
				console.log(res)
				this.list=res.data
			})
		},
		methods: {
			
		}
	}
</script>

<style scoped>
.psxnews{
		width: 100%;
		height: 100vh;
}
.psxshop{
		width: 100%;
		height: 340upx;
		border-bottom: 2upx solid #ccc;
		padding: 20upx 40upx;
		box-sizing: border-box;
}
.psxtime{
	width: 25%;
	height: 100%;
	float: left;
	font-size: 38upx;
	font-weight: 
}
.psxtime span{
	font-size: 58upx;
}
.psxrigcont{
	float: right;
	width: 70%;
	height: 100%;
}
.psxtitle{
	font-weight: 700;
	padding-top: 20upx;
}
.psximg{
	width: 100%;
	height: 70%;
	margin-top: 30upx;
}
.psximg1{
/* 	width: 1180upx;
	height: 520upx; */
	border-radius: 30upx;
	float: left;
	overflow: hidden;
	margin-right: 20upx;
}
.psximg1 img{
	width:428upx;
	height: 186upx;
}
</style>
